<template>
  <div>
    <div class="text">
      <p class="p1">欢迎体验</p>
      <p class="p2">慕课通用后台管理系统</p>
      <p class="p3">- Vue3.0+ElementPlus+Node+Mongo打造通用后台管理系统</p>
    </div>
    <div class="img">
        <img src="../assets/images/welcome.png" alt="">
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {},
  methods: {},
};
</script>

<style scoped >
.text {
  position: absolute;
  top: 300px;
  left: 400px;
}
.p1 {
  font-size: 30px;
  margin: 15px 0;
}
.p2 {
  font-size: 45px;
  color: #409eff;
  margin: 10px 0;
}
.p3 {
  color: #999;
  margin: 5px 0;
}
.img{
    position: absolute;
    top: 200px;
    right: 200px;
}
</style>
